<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈权限系统</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<link rel="icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<link rel="bookmark" href="${request.contextPath}/static/assets/avatars/logo.ico" type="image/x-icon" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/jquery-ui.custom.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fullcalendar.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-rtl.min.css" />
		<!-- ace settings handler -->
		<script src="${request.contextPath}/static/assets/js/ace-extra.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/user/index.js"></script>
		<style type="text/css">
		.title{
			margin:0 auto;
			background-size: 100% 100%; 
			background-repeat: no-repeat;
			width: 205px; 
			height: 50px; 
			display: flex; 
			align-items: center; 
			justify-content: center; 
			color: black; 
			font-weight: bold;
			font-family: 'Microsoft Yahei'; 
			font-size: 20px; 
			text-overflow: ellipsis; 
			white-space: nowrap; 
			overflow: hidden;
		}
		/*.bg {
			background-image: url("${request.contextPath}/static/images/bg.jpg");
			!*background-repeat:no-repeat;*!
			width:100%;
			height:700px;
			padding-top: 50px;
		}*/

		li {
			list-style: none;
		}
		.icon-list li {
			float: left;
			width: 30%;
			margin-left: 15px;
			margin-top: 15px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			height: 200px;
		}

		.icon-list li a {
			text-align: center;
			text-decoration: none;
			display: block;
			padding: 10px 0px 15px 0px;
			height: 70px;
			font-weight: 700;
		}

		.icon-list li a img {
			display: inline-block;
			width: 75px;
			height: 75px;
			border: none;
			max-width: 100%;
			vertical-align: top;
			margin-top: 30px;
		}

		.icon-list li a span {
			display: block;
			line-height: 40px;
			font-size: 30px;
			color: white;
			padding-top: 25px;
		}
		</style>
	</head>

	<body class="skin-2">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">

				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<div style="margin-left:5%;width:100%;">
							<i><img src="${request.contextPath}/static/assets/images/logo.png" style="width:17%;"/></i>&nbsp;&nbsp;&nbsp;&nbsp;
							驴妈妈权限系统
						</div>
					</a>
				</div>
				
					<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<!-- <img class="nav-user-photo" src="../assets/avatars/user.jpg" alt="Jason's Photo" /> -->
								<span class="user-info">
									<small>Welcome,</small>
									${currentUser.characterName!}
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li onclick="editProfile()">
									<a id="a_profile">
										<i class="ace-icon fa fa-cog"></i>
										设置
									</a>
								</li>
								<li>
									<a id="a_logout">
										<i class="ace-icon fa fa-power-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>

			</div>
		</div>
		<form id="logoutForm" action="${request.contextPath}/logout" method="post">
            <input type="hidden" id="_csrf" name="${_csrf.parameterName}" value="${_csrf.token}"/>
        </form>
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<#if isAdmin??>
				<div id="sidebar" class="sidebar responsive ace-save-state compact">
					<script type="text/javascript">
						try{ace.settings.loadState('sidebar')}catch(e){}
					</script>

					<ul class="nav nav-list">
						<#if (menus ?? && menus?size &gt;0)>
							<#list menus as menu>
								<#if menu.parent.id??&&menu.isShow??&&menu.parent.id=='1' && menu.isShow=='1'>
									<#if menu.href?? && menu.href!=''>
										<li class="hover" menuId="${menu.id!}" title="${menu.name!}" url="${menu.href!}">
											<a href="javascript:void(0);" class="dropdown-toggle" onclick="activeMenu(this, '${menu.href!}')">
												<#if menu.icon??><i class="menu-icon fa ${menu.icon}"></i></#if>
												<#if menu.name??><span class="menu-text">${menu.name!} </span></#if>
												<input type="hidden" name="menu" value="${menu.href!}">
												<b class="arrow fa fa-angle-down"></b>
											</a>
											<b class="arrow"></b>
											<#else>
										<li class="hover">
											<a href="#" class="dropdown-toggle">
												<#if menu.icon??><i class="menu-icon fa ${menu.icon}"></i></#if>
												<#if menu.name??><span class="menu-text">${menu.name!} </span></#if>
												<b class="arrow fa fa-angle-down"></b>
											</a>
											<b class="arrow"></b>
											<ul class="submenu">
												<#list menus as menu2>
													<#if menu2.parent.id??&&menu.id??&&menu2.isShow??&&menu2.parent.id==menu.id && menu2.isShow=='1'>
														<#if menu2.id??&&menu2.name??&&menu2.href??>
															<li class="hover" menu2Id="${menu2.id!}" title="${menu2.name!}" url="${menu2.href!}">
																<a href="javascript:void(0);" onclick="activeMenu(this, '${menu2.href!}')">
																	<input type="hidden" name="menu2" value="${menu2.href!}">
																	<i class="menu-icon fa fa-caret-right"></i>
																	${menu2.name!}
																</a>
																<b class="arrow"></b>
															</li>
														</#if>
													</#if>
												</#list>
											</ul>
										</li>
									</#if>
								</#if>
							</#list>
						</#if>
					</ul>
					<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
						<i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
					</div>
				</div>
			</#if>

			<div class="main-content">
				<div class="page-content">
					<div class="row">
						<div class="col-xs-12">
							<ul class="nav nav-tabs" role="tablist">
								<li class="active"><a href="#index" role="tab" data-toggle="tab">首页</a></li>
							</ul>
							<div class="tab-content" style="border:0px;padding-left: 0px!important;padding-top: 5px!important;padding-right:0px;">
								<div role="tabpanel" class="tab-pane active" id="index">
									<div class="breadcrumbs ace-save-state" id="breadcrumbs"  style="margin:0px 0px 0px!important">
										<ul class="breadcrumb">
											<li>
												<i class="ace-icon fa fa-home home-icon"></i>
												<a href="#">首页</a>
												<small>
													<i class="ace-icon fa fa-angle-double-right"></i>
													系统选择
												</small>
											</li>
										</ul><!-- /.breadcrumb -->
									</div>
									<div class="page-content bg" style="padding: 80px 0px 0px!important;">
										<div class="row">
											<div class="col-xs-12">
												<ul class="icon-list">
													<#list configList as config>
														<li style="background-color: ${config.configname}">
															<a href="${config.paramvalue}">
																<img src="${request.contextPath}/static/images/loading.png" alt="">
																<span>${config.valuedesc}</span>
															</a>
														</li>
													</#list>
												</ul>

											</div><!-- /.col -->
										</div><!-- /.row -->
									</div><!-- /.page-content -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="footer">
				<div class="footer-inner">
					<div class="footer-content">
						<span class="bigger-120">
							<i><img src="${request.contextPath}/static/assets/avatars/logo.png" /></i>
							<span class="pink bolder">驴妈妈</span>
							sso &copy; 2008-2017
						</span>
					</div>
				</div>
			</div>
			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->
		<input type="hidden" id="showlistcontext" value="${request.contextPath}">
		<script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${request.contextPath}/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${request.contextPath}/static/assets/js/bootstrap.min.js"></script>
		<!-- basic scripts -->
		<script src="${request.contextPath}/static/assets/js/jquery-ui.custom.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.ui.touch-punch.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.easypiechart.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.sparkline.index.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.pie.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/jquery.flot.resize.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootstrap-tab.js"></script>
		<script src="${request.contextPath}/static/assets/js/moment.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/fullcalendar.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/bootbox.js"></script>

		<!-- ace scripts -->
		<script src="${request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace.min.js"></script>
		<!-- user scripts -->
		<script src="${request.contextPath}/static/assets/js/user/base.js"></script>
		<script src="${request.contextPath}/static/javascripts/d3.min.js"></script>
		<script src="${request.contextPath}/static/javascripts/g2.js"></script>
		<script src="${request.contextPath}/static/javascripts/slider.js"></script>
		<script src="${request.contextPath}/static/javascripts/g2-modal.js"></script>
		<!-- inline scripts related to this page -->
		<script type="text/javascript">
		$(document).ready(function(event) {
			$('#a_logout').on('click', function(e) {
				$('#logoutForm').submit();
			});
		});
		</script>
		<script type="text/javascript">
		showlistcontext=$("#showlistcontext").val();
		
		/*$.ajax({
			url : showlistcontext+'/getProductGrade',
			type : "GET",
			success:function(data){
				if(data.sessionStatus==540){//异步请求session过期状态
					window.location.href=showlistcontext+"/login";
					return;
				}else{
					prodGradeData=data.prodGradeData;
					var defs = {
							'time':{
								type: 'time',
								tickCount: 12,
								mask:"yyyy.mm.dd"
							},
						 
						};
					lineChartModal(prodGradeData,"main1","time","amount","category","","",400,defs);
				}
			}
		});*/
		
		function tips(id,chartHeight){
			   var str =  "<div style='top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);'><img style='width:18.89px;height:18.89px' src='./images/sad-big.png' /><span style='color:#333333;padding-left: 2px'>暂无数据</span></div>";
			    $("#"+id).html("");
			    $("#"+id).css("height",chartHeight);
			    $("#"+id).append(str);
			}
		function editProfile(){
			$.ajax({
				url : '${request.contextPath}/editUser?id=',
				type : "GET",
				async: false,
				success:function(data) {
				},
				error:function(data) {
				}
			});
		}
		</script>
	</body>
</html>